.dicom-viewport-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #ccc;
    font-size: 12px;
}
.custom-label {
    color: #ccc; /* 你想要的颜色 */
  }

.dicom-viewport {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.dicom-viewport .cornerstone-canvas, .dicom-viewport .svg-layer {
    left: 0;
    top: 0;
}

.dicom-viewport-overlay-right-top {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}

.dicom-viewport-overlay-right-top p {
    padding: 0;
    margin-right: 20px;
    text-align: right;
}

.dicom-viewport-overlay-right-bottom {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 2;
}

.dicom-viewport-overlay-left-bottom {
    position: absolute;
    left: 5px;
    bottom: 5px;
    z-index: 2;
    font-size: 16px; /* 根据需要调整字体大小 */
    color: rgb(211, 29, 29); /* 文字颜色 */
    font-weight: 1000;
}

.dicom-slider-right {
    position: absolute;
    right: 2px;
    top: 20px;
    /* margin-left: 2px; */
    height: 90%;
    z-index: 2;
}
.dicom-slider {
    position: absolute;
    /* right: 3px; */
    /* margin-left: 2px; */
    height: 90%;
    z-index: 2;
}

.method-name {
    margin-top: 1px;
    color: white;
}

.hr-twill {
    position: relative;
    border: 0;
    padding: 3px;
    background: repeating-linear-gradient(135deg, #8f8f91 0px, #a2a9b6 1px, transparent 1px, transparent 6px);
}


.title-name {
    margin-top: 1px;
    color: white;
    font-weight: bold;
    font-size: 20px;
}

.uploading {
    color: #ccc;
}

.custom-tab {
    font-weight: bold; /* 加粗字体 */
    color: white; /* 设置字体颜色 */
}

.title-top {
    color: white;
    margin-top: 0px;
    z-index: 5; /* 确保标题在其他元素之上 */
    font-weight: bold;
    font-size: 30px;
}

.center-tab {
    width: 900px;
    margin: 0 auto; /* 水平居中 */
    margin-top: -25px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
  }
  
  .custom-meta-description {
    color: #e1e8f5; /* 设置字体颜色 */
  }

.logo-left-top {
    left: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.logo-right-top {
    right: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

@media (max-width: 799px) {
    .logo-left-top, .logo-right-top {
        width: 100px; /* 调整为合适的宽度 */
    }
}

/* Adjust width to 25vh for screens wider than 800px and smaller than 1475px */
@media (min-width: 800px) and (max-width: 1474px) {
    .logo-left-top, .logo-right-top {
        width: 200px;
    }
}

/* Adjust width to 20vh for screens with width 1475px */
@media (min-width: 1475px) {
    .logo-left-top, .logo-right-top {
        width: 300px;
    }
}
